
.wrapper{
  width: 1080px;
  height: 1920px;
  background: #ffffff;
  //padding-top: 50px;
  //padding-left: 50px;

  .bg{
    width: 1080px;
    height: 1920px;
    position: absolute;
    top: 0px;
  }
  .head{
    width: 1077px;
    height: 127px;
    position: absolute;
    top: 30px;
  }
  .logo{
    width: 297px;
    height: 91px;
    position: absolute;
    top: 60px;
    left: 40px;
  }
  .boxWrapper{
    margin-top: 180px;
    padding-left: 18px;
    width: 1080px;
    //height: 1440px;
    height: auto;
    //background: #ffffff;
    //background: #D00727;
    //justify-content: space-around;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    //&::-webkit-scrollbar {
    //  width: 0;
    //  height: 0;
    //}
    //overflow-y: scroll;
    //-ms-overflow-style:none; // ff隐藏滚动条

  }

  .bottom{
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 1080px;
    height: 414px;
    z-index: 0;
    .img1{
      position: absolute;
      left: 0px;
      bottom: 0px;
    }
    .img2{
      position: absolute;
      left: 64px;
      bottom: 66px;
      width: 952px;
      height: 111px;
      animation: ani 6s ease-in-out alternate infinite;
    }
  }

}

@keyframes ani {
  from { transform: translateY(0px) scale(1);}
  to { transform: translateY(10px) scale(1.1);}
}
